<template>
    <i :class="['iconfont', 'icon-container', iconName]"></i>
</template>

<script>
const classMap = {
    home: "iconzhuye",
    success: "iconzhengque",
    error: "iconcuowu",
    close: "iconguanbi",
    warn: "iconjinggao",
    info: "iconxinxi",
    blog: "iconblog",
    code: "iconcode",
    about: "iconset_about_hov",
    weixin: "iconweixin",
    email: "icon-icon-mail",
    github: "icongithub",
    qq: "iconsign_qq",
    arrowUp: "iconiconfonticonfonti2copy",
    arrowDown: "iconiconfonticonfonti2",
    empty: "iconempty",
    chat: "iconliuyan",
    edu: "icon-xueli",
    name: "icon-wode",
    birth: "icon-dangao",
    phone: "icon-dianhua",
};
export default {
    props: {
        type: {
            type: String,
            require: true,
        },
    },
    computed: {
        iconName() {
            return classMap[this.type];
        },
    },
};
</script>

<style lang="less" scoped>
@import "//at.alicdn.com/t/font_2164449_nalfgtq7il.css";
@import "//at.alicdn.com/t/c/font_3483027_3fynsi5wew.css";
.container {
    color: inherit;
    font-size: inherit;
}
.iconfont {
    color: inherit;
    font-size: inherit;
}
</style>
